
.m_slider{
    height:560px;
    width: 100%;
    min-width: 1300px;
    /*max-width: 1920px;*/
    margin: 0 auto;
    position: relative;
}
.m_slider .swiper-slide>img{
    transition: all .8s;
    opacity:1;
}
.banner-img{
    opacity: 1;
}

.m_slider .m_box{

    position: absolute;
    /*border: 1px solid #ff0;*/
    left: 0;
    right: 0;
    top: 16%;
    bottom: 10%;
    margin:auto;
    width:70%;
    max-width: 1300px;
}


.m_slider .desc a {
    display: inline-block;
    border-radius: 4px;
    font-size: 20px;
    padding-top: .5vw;
    padding-bottom: .5vw;
    padding-left:1vw;
    padding-right: 1.5vw;
    margin-top: 40px;
    color: #fff;
    background-color: transparent;
    border: 1px solid #fff;

    /*background: url("../../img/index_section3/banner_btn.png") no-repeat 20px 15px;*/
}
.m-box-3a{
    /*border: 1px solid #e04728 !important;*/
}
.m_slider .desc a:hover {
    background-color:#e04728;
    border: 1px solid #e04728;
    /*color:#e04728;*/
}



.m_slider .desc h2{
    font-size: 32px;
    /*margin-top: 5vw;*/
    text-align: left;
    margin-bottom: 0;
    color: #fff;
}
.m_slider .desc p{
    font-size: 18px;
    line-height: 38px;
    text-align: left;
    color: #fff;
}

.m_slider .desc.caption3 p{
    color: #595855;
    line-height: 50px;
}
.m_slider .desc.caption3 h2{
    color: #595855;
}
.banner-animation-img{
    -webkit-animation: fadeImg 1s ease-in-out;
    -moz-animation: fadeImg 1s ease-in-out;
    animation: fadeImg 1s ease-in-out;

}

.banner-animation1{
    -webkit-animation: fade1 .8s ease-in-out;
    -moz-animation: fade1 .8s ease-in-out;
    animation: fade1 .8s ease-in-out;

}

.banner-animation1-btn{
    -webkit-animation: fade1 1s ease-in-out;
    -moz-animation: fade1 1s ease-in-out;
    animation: fade1 1s ease-in-out;

}


.banner-animation2{
    -webkit-animation: fade2 .8s ease-in-out;
    -moz-animation: fade2 .8s ease-in-out;
    animation: fade2 .8s ease-in-out;

}

.banner-animation2-btn{
    -webkit-animation: fade2 1s ease-in-out;
    -moz-animation: fade2 1s ease-in-out;
    animation: fade2 1s ease-in-out;

}


.banner-animation3{
    -webkit-animation: fade3 .8s ease-in-out;
    -moz-animation: fade3 .8s ease-in-out;
    animation: fade3 .8s ease-in-out;

}

.banner-animation3-btn{
    -webkit-animation: fade3 1s ease-in-out;
    -moz-animation: fade3 1s ease-in-out;
    animation: fade3 1s ease-in-out;

}

.banner-animation4{
    -webkit-animation: fade4 .8s ease-in-out;
    -moz-animation: fade4 .8s ease-in-out;
    animation: fade4 .8s ease-in-out;

}

.banner-animation4-btn{
    -webkit-animation: fade4 1s ease-in-out;
    -moz-animation: fade4 1s ease-in-out;
    animation: fade4 1s ease-in-out;

}


@keyframes fadeImg {
    0% {
        opacity: 0;
    }
    10%{
        opacity: 0.7;
    }

    100% {
        opacity: 1;
    }
}




@keyframes fade1 {
    0% {
       transform:translateX(200px);
        opacity: 0;
    }


    100% {
        transform:translateX(0);
        opacity: 1;
    }
}

@-webkit-keyframes fade1 {
    0% {
        -webkit-transform: translateX(200px);
        opacity: 0;
    }

    100% {
        -webkit-transform:translateX(0);
        opacity: 1;
    }
}

@-moz-keyframes fade1 {
    0% {
        -moz-transform: translateX(200px);
        opacity: 0;
    }

    100% {
        -moz-transform:translateX(0);
        opacity: 1;
    }
}




@keyframes fade2 {
    0% {
        transform: scaleY(2);
        transform:translateY(200px);
        opacity: 0;
    }


    100% {
        transform: scaleY(1);
        transform:translateY(0);
        opacity: 1;
    }
}

@-webkit-keyframes fade2 {
    0% {
        -webkit-transform: scaleY(2);
        -webkit-transform: translateY(200px);
        opacity: 0;
    }

    100% {
        -webkit-transform:scaleY(1);
        -webkit-transform:translateY(0);
        opacity: 1;
    }
}

@-moz-keyframes fade2 {
    0% {
        -moz-transform: scaleY(2);
        -moz-transform: translateY(200px);
        opacity: 0;
    }

    100% {
        -moz-transform:scaleY(1);
        -moz-transform:translateY(0);
        opacity: 1;
    }
}



@keyframes fade3 {
    0% {
        transform: scaleY(2);
        transform:translateY(-200px);
        opacity: 0;
    }


    100% {
        transform: scaleY(1);
        transform:translateY(0);
        opacity: 1;
    }
}

@-webkit-keyframes fade3 {
    0% {
        -webkit-transform: scaleY(2);
        -webkit-transform: translateY(-200px);
        opacity: 0;
    }

    100% {
        -webkit-transform:scaleY(1);
        -webkit-transform:translateY(0);
        opacity: 1;
    }
}

@-moz-keyframes fade3 {
    0% {
        -moz-transform: scaleY(2);
        -moz-transform: translateY(-200px);
        opacity: 0;
    }

    100% {
        -moz-transform:scaleY(1);
        -moz-transform:translateY(0);
        opacity: 1;
    }
}



@keyframes fade4 {
    0% {
        transform:translateX(-200px);
        opacity: 0;
    }


    100% {
        transform:translateX(0);
        opacity: 1;
    }
}

@-webkit-keyframes fade4 {
    0% {
        -webkit-transform: translateX(-200px);
        opacity: 0;
    }

    100% {
        -webkit-transform:translateX(0);
        opacity: 1;
    }
}

@-moz-keyframes fade4 {
    0% {
        -moz-transform: translateX(-200px);
        opacity: 0;
    }

    100% {
        -moz-transform:translateX(0);
        opacity: 1;
    }
}














@media screen and (max-width:1900px){
    .m_slider{
        height:auto;
        width: 100%;
        min-width: 1300px;
        /*max-width: 1920px;*/
        margin: 0 auto;
        position: relative;
    }
}


@media screen and (max-width:992px){
    .m_slider{
        width:100%;
        min-width:initial;
        max-width: initial;
        height: auto;
    }

    .m_slider .m_box{
        left: 0;
        right: 0;
        top: 5%;
        bottom: 0%;
        margin:auto;
        width:70%;
        max-width: initial;
    }
    .m_slider .desc h2{
        font-size: 16px;
    }
    .m_slider .desc p{
        font-size: 18px;
        line-height: 20px;
    }

    .m_slider .desc.caption3 p{
        line-height: 16px;
    }
    .m_slider .desc a {
        margin-top: 20px;
    }

}







